<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>发起众筹-企业</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/all.css" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/PIE.js"></script>
    <script src="js/self.js"></script>
</head>
</body  ontouchstart="">
    <div class="theme-popover-mask"></div>
    <div id="loginIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="loginIframe">
            <iframe class="w100 h100 of db" src="login.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0" >

            </iframe>
        </div>
    </div>
    <!--loginIframeDiv-->
    <div id="registIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="registIframe">
            <iframe class="w100 h100 of" src="regist.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0">

            </iframe>
        </div>
    </div>
    <div id="forgotPwdIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="registIframe">
            <iframe class="w100 h100 of" src="forgotPassword.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0">

            </iframe>
        </div>
    </div>
    <div id="header" class="header pr">
        <div class="w100 pa" style="background:#f3f3f3;left: 0;border-bottom: 0;height: 1px;z-index: -1;bottom: 0;"></div>
        <div class="headerAd w100">
            <img src="images/topad.png" class="db w100 h100">
        </div>
        <div class="w100 of">
            <div class="headernav jz clearfix of">
                <img src="images/maomaozhongchou.png" class="db fl">
                <ul class="fl">
                    <li onclick="window.location.href='index.html'">众筹项目</li>
                    <li onclick="window.location.href='zhongchouBaitiao.html'">众筹白条</li>
                    <li onclick="window.location.href='QiZhiTouZi.html'">二元期货</li>
                    <li onclick="window.location.href='QiZhiTouZi.html'">期指投资</li>
                    <li onclick="window.location.href='faqizhongchou.html'"  class="nav_tabcurrent">发起众筹</li>
                    <li onclick="window.location.href='personalManagement.html'">邀请好友</li>
                </ul>
                <div class="headerLogin fr">
                    <div class="w100">
                        <div class="pr dib f15 fr rounded">
                            <div class="dib" id="loginBtn">登陆</div><div class="dib" id="registBtn">注册</div>
                            <span class="pa line"></span>
                        </div>
                        <img src="images/headerMan.png" class="fr">
                    </div>
                </div>
            </div>
        </div>
    </div><!--header-->

    <div class="container jz" style="margin-top: 18px;">
        <div class="w100 of bcf">
            <div class="fqzcTittle jz of clearfix">
                <div class="fl f20 c3">
                    发起人认证<span class="f16 c9" style="margin-left: 20px">已认证者，请登陆管理后台发起众筹</span>
                </div>
                <div class="fr f16 c9">
                    发起众筹款需认证并支付发起人手续费<sapn class="cred">2万</sapn>元
                </div>
            </div><!--fqzcTittle-->
            <div class="w100 of">
                <div class="ishenqing jz of">
                    <p class="c3 f20 fw400" style="margin:36px auto 30px;">企业验证信息（必须填写真实企业有效资料）</p>
                    <div class="zcDiv clearfix of">
                        <label for="IDcard" class="IDcard f18 fl"><img src="images/xing.png" class="xing dib pr">企业名称</label>
                        <input type="text" name="" id="IDcard" class="zcInput fr"/>
                    </div>
                    <div class="zcDiv clearfix of">
                        <label for="IDname" class="IDcard f18 fl"><img src="images/xing.png" class="xing dib pr">执照证号</label>
                        <input type="text" name="" id="IDname" class="zcInput fr"/>
                    </div>
                    <div class="zcDiv clearfix of pr">
                        <label for="zhizhao" class="IDcard f18 fl"><img src="images/xing.png" class="xing dib pr">营业执照</label>
                        <div class="zhizhao db tc f16 fw700 ffa fl cursor pr of" id="zhizhao" onclick="triggerFile($('#zhizhaoImg'));">
                            +
                            <div id="viewImg1" class="viewImg">
                            </div>
                        </div>
                        <input type="file" value="" id="zhizhaoImg" class="zhizhaoImgInput" onchange="showPic(this.value,$('#viewImg1'));"/>
                    </div>
                    <p class="cred f15 mgt10" style="margin-left: 147px">注：营业执照正面，字迹清晰可见</p>
                    <script>
//                        onclick="return false;"
                        function triggerFile(file) {
                            var file = file;
                            file.trigger('click');
                        }
                        function showPic(fileURL,imgDiv) {
                            var fileURL ='http://localhost:63342/crowdFundingPC/images/'+fileURL.substr(12);
                            //如果要显示计算机图片必须选择指定文件夹的图片--本机测试才看得见；
                            var imgDiv =imgDiv;
                            var img = '<img src='+fileURL+'>'
                            imgDiv.html(img);
                        }
                    </script>

                    <p class="c3 f20 fw400" style="margin:36px auto 30px;">企业信息（必须填写真实有效资料）</p>
                    <div class="zcDiv clearfix of">
                        <label for="city_3" class="IDcard f18 fl"><img src="images/xing.png" class="xing dib pr">所在地</label>
                        <div id="city_3" class="fr">
                            <div class="w100 of clearfix">
                                <div class="fl f16">
                                    <select class="prov" id="prov" required="required"></select>&nbsp;(省份)
                                </div>
                                <div class="fr f16" style="margin-left: 38px">
                                    <select class="city" id="city" disabled="disabled" required="required"></select>&nbsp;(城市)
                                </div>
                            </div>
                        </div> <!--city_3-->
                        <script src="js/jquery.cityselect.js"></script>
                        <script>
                            $(function () {
                                $("#city_3").citySelect({required: false});
                            })
                        </script>
                    </div>
                    <div class="zcDiv clearfix of">
                        <input type="text" name="" id="detailAddress" class="zcInput fr" placeholder="详细地址"/>
                    </div>

                    <p class="c3 f20 fw400" style="margin:36px auto 30px;">企业信息（必须填写真实有效资料）</p>
                    <div class="zcDiv clearfix of">
                        <label for="username" class="IDcard f18 fl"><img src="images/xing.png" class="xing dib pr">认证人联系人</label>
                        <input type="text" name="" id="username"  id='username'  class="zcInput fr" placeholder="真实姓名"/>
                    </div>
                    <div class="zcDiv clearfix of">
                        <input type="text" name="" id="usertel" class="zcInput fr" placeholder="联系电话"/>
                    </div>
                    <div class="zcDiv clearfix of">
                        <input type="text" name="" id="qq" class="zcInput fr" placeholder="QQ/微信"/>
                    </div>




                    <p class="c3 f20 fw400" style="margin:60px auto 24px;">缴纳众筹发起人手续费</p>
                    <p class="corange fw600" style="font-size: 40px;margin-left: 202px;">20,000.<sapn style="font-size: 35px;">00</sapn></p>
                    <p class="c6 f18 fw400" style="margin:35px auto 15px;">选择支付方式</p>
                    <div class="clearfix of w100">
                        <input type="radio" id="zhifubao" checked="checked" name="payment" value="zhifubao">
                        <label name="zhifubao" class="labelR checked" for="zhifubao">支付宝</label>
                        <input type="radio" id="wexin" name="payment" value="wexin">
                        <label name="wexin"class="labelR" for="wexin">微信</label>
                        <input type="radio" id="xianxia" name="payment" value="xianxia">
                        <label name="xianxia"class="labelR" id="fukuanbtn" for="xianxia" style="margin-right: 0;">线下付款</label>
                    </div>
                    <div id="xianxiaDiv" class="zcDiv of w100">
                        <div class="zhizhao jz db tc f16 fw700 ffa cursor pr of" id="xianxiazhifu" style="margin-left: 225px" onclick="triggerFile($('#xianxiazhifuImg'));">
                            +
                            <div id="viewImg2" class="viewImg">
                            </div>
                        </div>
                        <input type="file" value="" id="xianxiazhifuImg" class="zhizhaoImgInput" onchange="showPic(this.value,$('#viewImg2'));"/>
                        <p class="c9 f12 tc db mgt10 lh2">点击上传线下付款凭证图</p>
                    </div>
                    <div class="zcDiv w100">
                        <input type="button" name="" id="" value="提交申请"  id="fqztSub" class="fqztSub blueh cursor db jz cf tc f20" onclick="Sub();" />
                    </div>

                    <script>
                        $(function() {
                            $('.labelR').click(function(){
                                var current =$(this);
                                var currentId = $(this).attr('id');
                                $('.labelR').removeClass('checked');
                                current.addClass('checked');
                                $('input[name="payment"]').removeAttr('checked') && current.prev('input[name="payment"]').attr('checked', 'checked');
//                                $('input[name="payment"]:checked').val();
                                if(currentId=='fukuanbtn'){
                                   $("#xianxiaDiv").slideDown();
                                }else {
                                    $("#xianxiaDiv").slideUp();

                                }
                            });
                        });
                    </script>
                </div><!--ishenqing-->
            </div>
        </div>

    </div><!--container-->

    <div id="footer" class="footer w100 of">
        <div class="container jz clearfix of" style="padding: 0;">
            <div class="fl" style="width: 966px">
                <div class="footerNav clearfix of">
                    <a href="#">关于众筹项目</a>
                    <a href="#">关于众筹白条</a>
                    <a href="#">关于二元期货</a>
                    <a href="#">关于期指投资</a>
                    <a href="#">关于我们</a>
                    <a href="#">免责声明</a>
                </div>
                <div class="footerTel clearfix of">
                    <span class="db fl">400-773-9876</span><span class="db fl" style="margin-left: 88px;">0773-1234567</span>
                </div>
                <div class="footerQQ clearfix of f18">
                    <div class="fl">
                        <img src="images/weixin.png" class="dib fl"><span class="db fl">微信客服</span>
                    </div>
                    <div class="fl" style="margin-left: 89px;">
                        <img src="images/qq.png" class="dib fl"><span class="db fl">QQ客服</span>
                    </div>
                </div>
            </div>
            <div class="fr" style="width: 136px;">
                <img src="images/qrCode-index.png" class="db w100 hauto" style="margin-top: 40px;">
                <p class="tc f14 mgt10">手机APP下载</p>
            </div>
        </div>
        <div class="w100 of" style="background: #30323b;">
            <div class="container jz clearfix of ffa f12" style="padding: 0;height: 66px;line-height: 66px;">
                Copyright ©2016&nbsp;&nbsp;&nbsp;&nbsp;七彩云购&nbsp;&nbsp;&nbsp;&nbsp;maomao.com版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;投资有风险，购买需谨慎
            </div>
        </div>
    </div><!--footer-->
    <div class="theme-popover-mask"></div>
   <div id="successSub" class="w100 h100 pf">
       <div class="jz of bcf">
            <div class="sqtittle tc jz c3">
                申请提交成功
            </div>
           <p class="successSubP f18 t2">
               您的认证申请已经提交，工作人员在三个工作日对资料进行审核，期间
               请保持通讯顺畅。
           </p>
           <button class="successSubBtn cf tc jz db blueh" onclick="successSubHide();">关闭</button>
       </div>
   </div><!--successSub-->

</body>
<script>
    function successSubHide() {
        $(".theme-popover-mask").fadeOut();
        $("#successSub").slideUp();
    }

    function proEstimate() {
        var provVal =$.trim($(".prov").find("option:selected").val());
        var cityVal =$.trim($(".city").find("option:selected").val());
        if(!(provVal == "请选择")&&!(cityVal == "请选择")){
            var info={"prov":provVal,"city":cityVal};
            return info;
        }else{

            return false;
        }
    }

        function Sub() {
            proEstimate();
            var info=proEstimate();
            if(info== false){
                alert("你尚未选择'省份'或者'城市'")
                return false;
            }
            var prov=info["prov"];
            var city=info["city"];
            var username =$.trim($('#username').val());
            var usertel = $.trim($('#usertel').val());
            var detailAddress = $.trim($('#detailAddress').val());

            if(usertel== ""){
                alert("你还未填写联系电话");
                return false;
            }
            if(username== ""){
                alert("你还未填写联系人");
                return false;
            }
            if(detailAddress== ""){
                alert("你还未填写详细地址");
                return false;
            }
            $.ajax({
                url: "",
                data: {prov: prov, city: city, username: username, usertel: usertel,detailAddress:detailAddress},
                type: 'post',
                dataType: 'json',
                beforeSend: function () {
                    $(".theme-popover-mask").fadeIn();
                    $("#successSub").fadeIn();
                },
                success: function (data) {
                    console.log(data);
                    if (data.code == 200) {
//                        alert("您的申请已提交,等待审核");
//                        alert(data.msg);
//                        window.location.reload();
//                        location.href = "withdraw.html";
                    }else{
//                        alert(data.msg);
                        //window.history.back(-1);
                    }
                },
                error: function (data) {
                    alert(data.msg);
                    return false;
                },
                complete: function () {
                    alert("申请成功，前去查看");
                    $(".theme-popover-mask").fadeOut();
                    $("#successSub").fadeOut();
                }
            });
        }

</script>

</html>